<!DOCTYPE html>
<html>
<head>
        <% include global/meta.html %>
        <% include global/top-css.html %>
    <title></title>
</head>
<body>
        
        <% include global/header.html %>
        <div class="search row pc-page mt-10 mb-10">
            <form class="row" action="/search">
                <select name="type" class="bg-f2f2f2" id="">
                    <option value="1" selected="selected">按标题</option>
                    <option value="2" >按关键字</option>
                    <option value="3" >按标签搜索</option>
                </select>
                <input type="text" name="keyword" class="input border bg-f2f2f2">
                <input type="submit" class="btn btn-primary" value="搜索">
            </form>

        </div>
        <section class="row pc-page content mt-10">
            <div class="col-8 mr-10">
                <div class="bg-f3f3f3 mb-10">
                    <h2>特别推荐</h2>
                    <ul class="mt-10">
                        <%for(let i=0,item;i<data.newsRec.length;i++){%>
                            <%item = data.newsRec[i];%>
                            <li><a href="/article/<%=item.id%>"><%=item.title%></a><time class="fr c-999"><%=item.date.substring(5,10)%></time></li>
                        <%}%>
                    </ul>
                </div>
                <div class="bg-f3f3f3 mb-10">
                    <h2>热门新闻</h2>
                    <ul class="mt-10">
                        <%for(let i=0,item;i<data.newsHot.length;i++){%>
                            <%item = data.newsHot[i];%>
                            <li><a href="/article/<%=item.id%>"><%=item.title%></a><time class="fr c-999"><%=item.date.substring(5,10)%></time></li>
                        <%}%>
                    </ul>
                </div>

                <div class="bg-f3f3f3 mb-10">
                    <h2>热门评论</h2>
                    <ul class="mt-10">
                        <%for(let i=0,item;i<data.newsComment.length;i++){%>
                            <%item = data.newsComment[i];%>
                            <li><a href="/article/<%=item.id%>"><%=item.title%></a><time class="fr c-999"><%=item.date.substring(5,10)%></time></li>
                        <%}%>
                    </ul>
                </div>
            </div>
            <div class="col-16 bg-f3f3f3">
                <div class="bg-f3f3f3 mb-10">
                    <h2>最新图文</h2>
                    <ul class="mt-10 row">
                        <%for(let i=0,item;i<data.txtPic.length;i++){%>
                            <%item = data.txtPic[i];%>
                            <li class="col-4">
                                <figure>
                                   <a href="/article/<%=item.id%>"><img width="100" height="80" src="<%=item.thumbnail%>" alt=""></a>
                                </figure>
                                <figcaption>
                                    <a href="/article/<%=item.id%>"><%=item.title%></a>
                                </figcaption>
                            </li>
                        <%}%>
                    </ul>
                </div>

                <div>
                    <div class="bg-f3f3f3 col-12 mb-10">
                        <h2>最新十条</h2>
                        <ul class="mt-10">
                            <%for(let i=0,item;i<data.newsList.length;i++){%>
                                <%item = data.newsList[i];%>
                                <li>
                                    <a href="/article/<%=item.id%>"><%=item.title%></a>
                                    <time class="fr c-999"><%=item.date.substring(5,10)%></time>
                                </li>
                            <%}%>
                        </ul>
                    </div>
                    <div class="bg-f3f3f3 col-12 mb-10">

                        <h2><%=data.topOne.title%></h2>

                        <p><%=data.topOne.info%>...[<a href="/article/<%=data.topOne.id%>">查看全文</a>]</p>

                        <ul class="mt-10">
                            <%for(let i=0,item;i<data.newsList.length;i++){%>
                                <%item = data.newsList[i];%>
                                <li>
                                    <a href="/article/<%=item.id%>"><%=item.title%></a>
                                    <time><%=item.date%></time>
                                </li>
                            <%}%>
                        </ul>
                    </div>
                    <%for(let i=0,item;i<data.categoryList.length;i++){%>
                            <%item = data.categoryList[i];%>
                    <div class="bg-f3f3f3 col-12 mb-10">
                        <h2><a href="/list/<%=item.id%>"><%=item.nav_name%></a></h2>
                        <ul class="mt-10">
                        <%for(let j=0,list;j<item.article.length;j++){%>
                                <%list = item.article[j];%>
                                <li>
                                    <a href="/article/<%=list.id%>"><%=list.title%></a>
                                    <time class="fr c-999"><%=list.date.substring(5,10)%></time>
                                </li>
                            <%}%>
                        </ul>
                    </div>
                    <%}%>
                </div>

            </div>
         </section>
         <% include global/footer.html %>
       
</body>
</html>